._a_indexSec{
    padding-bottom: 1.2rem;
}

._a_indexSec .user_info{
    background: linear-gradient(180deg,rgb(210,53,47),rgb(230,105,63));
    height: 4rem;
    position: relative;
    overflow: hidden;
}

._a_indexSec .user_info:after{
    content:'';
    background-color: #fff;
    width:12rem;
    height: 12rem;
    bottom:-10rem;
    left:50%;
    transform:translateX(-50%);
    position: absolute;
    animation:degFade 1s;
    animation-fill-mode: forwards;
    border-radius: 50%;

}

._a_indexSec .user_info .icon{
    position: absolute;
    top:0.2rem;
    width:0.5rem;
    height: 0.5rem;
    background-repeat: no-repeat;
    background-position:  50% 50%;
    background-size: 0.4rem;
}

._a_indexSec .user_info .icon-msg{
    background-image: url(../../images/message@2x.png);
    left:0.2rem;
}

._a_indexSec .user_info .icon-msg.active{
    animation:shake 1s infinite;
}

@keyframes shake{
    0%, 48%,51%,100% {transform: translateX(0);}
    49% {transform: translateX(-10px);}
    50% {transform: translateX(10px);}
}

._a_indexSec .user_info .icon-setting{
    background-image: url(../../images/setting@2x.png);
    right:0.2rem;
}

._a_indexSec .user_info .user_avatar{
    position: absolute;
    width:2rem;
    height: 2rem;
    left:50%;
    transform:translateX(-50%);
    bottom:0.8rem;
    z-index:9;
}

._a_indexSec .user_info .user_avatar img{
    width:100%;
    border:2px solid rgb(210,53,47);
    border-radius: 50%;
    overflow: hidden;
    height: 100%;
}

._a_indexSec .user_info .user_avatar p{
    color:#999;
    font-size: 0.32rem;
    margin-top: 0.1rem;
}

@keyframes degFade{
    from {
        border-radius: 0;
    }

    to{
        border-radius: 50%;
    }
}

._a_indexSec .account_info{
    background-color: #fff;
}

._a_indexSec .account_info .yesterday_income .title{
    color:#999;
    font-size: 0.24rem;
}

._a_indexSec .account_info .yesterday_income  .value{
    color:#f90;
    font-size:0.48rem;
    font-weight: 400;
    margin-top: 0.1rem;
}

._a_indexSec .account_info  .detail_info{
    overflow: hidden;
    margin-top: 0.4rem;
}

._a_indexSec .account_info  .detail_info .item{
    float: left;
    width: 50%;
}

._a_indexSec .account_info  .detail_info .item .title{
    color:#999;
    font-size: 0.24rem;
    height: 0.4rem;
    line-height: 0.4rem;
}

._a_indexSec .account_info  .detail_info .item .title .icon-money{
    display: inline-block;
    width:0.3rem;
    height: 0.3rem;
    background: url(../../../res/images/due_in@2x.png) no-repeat 0 0;
    background-size: 0.3rem;
    vertical-align: text-bottom;
    margin-right: 0.05rem;
}

._a_indexSec .account_info  .detail_info .item .value{
    color:#666;
    font-size:0.38rem;
    margin-top: 0.1rem;
}

._a_indexSec .account_info .sub_type{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 0.7rem;
    line-height: 0.7rem;
    margin-top: 0.3rem;
}

._a_indexSec .account_info .sub_type .item{
    float: left;
    border-right: 1px solid #eee;
    width:33.333%;
    color:#999;
    font-size: 0.24rem;
    height: 0.7rem;
}

._a_indexSec .account_info .sub_type .item:last-child{
    border:none;
}

._a_indexSec .account_info .sub_type .icon{
    width:0.4rem;
    height: 0.7rem;
    vertical-align: text-bottom;
    display: inline-block;
    margin-right: 0.1rem;
    background-size: 0.4rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

._a_indexSec .account_info .sub_type i{
    display: inline-block;
    vertical-align: text-bottom;
    height: 0.7rem;
}

._a_indexSec .account_info .sub_type .icon-tixian{
    background-image: url(../../images/withdraw_deposit@2x.png);
}

._a_indexSec .account_info .sub_type .icon-chongzhi{
    background-image: url(../../images/top_up@2x.png);
}

._a_indexSec .account_info .sub_type .icon-mingxi{
    background-image: url(../../images/detail@2x.png);
}